<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入animate.js文件 -->
    <script src="js/animate.js"></script>
    <!-- 引入我们首页的js文件 -->
    <script src="js/index2.js"></script>
    <title>狗狗百科 | 欢迎爱狗的您光临本网站！</title>
    <style>
        .back-to-top {
            position: absolute;
            top: 1139px;
            left: 1415px;
            width: 100px;
            height: 50px;
            background-color: rgb(119, 119, 119);
            text-align: center;
            z-index: 999;
            border-radius: 20px;
            opacity: 0.7;
        }
        
        .back-to-top p {
            margin-top: 10px;
        }
        
        .back-to-top p:hover {
            cursor: pointer
        }
        
        .zhuti1 {
            margin: 0 auto;
            margin-top: 2.2rem;
            width: 1000px;
            height: auto;
            /* background-color: pink; */
        }
        
        .zuo1 span img {
            width: 400px;
            height: 300px;
        }
        
        a:hover {
            text-decoration: none;
            color: #67aa44;
        }
        
        .zuo1 a h1 {
            font-size: 16px;
            width: 400px;
            font-weight: bolder;
        }
        
        .zuo1 p {
            width: 400px;
        }
        
        .you1 {
            position: absolute;
            margin-left: 40px;
            left: 42rem;
            top: 5.333333rem;
        }
        
        .you1 a h1 {
            font-size: 16px;
            width: 400px;
            font-weight: bolder;
        }
        
        .you1 p {
            border-bottom: 1px dashed #cacaca;
            margin-bottom: .533333rem;
        }
        
        .ii {
            margin: auto;
            width: 1000px;
            height: 670px;
            /* background-color: red; */
        }
        
        .zhuti2 {
            float: left;
            margin: auto;
            margin-left: 20px;
            margin-top: 20px;
            width: 480px;
            height: auto;
            /* background-color: blue; */
        }
        
        .zhuti2 .bb {
            width: 500px;
        }
        
        .zhuti2 .tit {
            width: 110px;
            height: 23px;
            font-size: 23px;
            background: #fff;
            text-align: center;
            color: #666;
            line-height: 23px;
        }
        
        .zhuti2 .a dd a {
            float: left;
            margin: .133333rem;
            text-align: left;
            line-height: 50px;
        }
        
        .zhuti2 .a {
            width: 450px;
            height: 50px;
            border-bottom: 1px solid #4cf036;
        }
        
        .zhuti2 .a dd i {
            float: right;
        }
        
        .zhuti2 .bb .tit2 {
            font-weight: 700;
            width: 190px;
            height: 30px;
        }
        
        .zhuti2 .cc p {
            margin-top: 20px;
            height: auto;
            width: 245px;
        }
        
        .zhuti2 .cc .im {
            position: absolute;
            left: 315px;
            top: -47px;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            overflow: hidden;
            margin-top: 10px;
        }
        
        .zhuti2 .bb .cc {
            position: relative;
        }
        
        .zhuti2 .di {
            margin-top: 20px;
        }
    </style>
</head>

<body>
    <!-- 导航栏开始 -->
    <div class="index-header clearfix">
        <div class="index-logo fl">
            <a href=""><img src="images/logo.png"></a>
        </div>
        <ul class="index-nav fl">
            <li><a href="index.html">首页</a></li>
            <li><a href="fenlei.html">狗狗大全</a></li>
            <li><a href="wangwangxiu.html">汪汪秀</a></li>
            <li><a href="goushi.html">狗狗市场</a></li>
            <li><a href="xinwen.html">新闻</a></li>
            <li><a href="baike.html">狗狗百科</a></li>
            <li><a href="liuyan.html">联系</a></li>
            <li><a href="zhaopin.html">招聘</a></li>
        </ul>
        <div class="index-header-right fr">
            <a href="" class="search-btn">搜索</a>
            <a href="" class="erweima">
                <div class="erweima-pic">
                    <img src="images/erweima.png">
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!-- 搜索 start-->
    <div class="search_sec">
        <a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
        <div class="search_field">
            <div class="container">
                <form>
                    <input type="text" name="search" placeholder="澳大利亚牧羊犬">
                    <button type="submit"><img src="images/search2.png" alt=""></button>
                </form>
            </div>
        </div>
    </div>
    <!--搜索 end-->
    <!-- 导航栏结束 -->


    <!-- 主体 start-->
    <div class="zhuti1">
        <div class="zuo1">
            <span><img src="images/bk.png" alt=""></span>
            <a href="baikexq.html">
                <h1>怎样在狗市，绕开“星期狗”？教你几个方法</h1>
            </a>
            <p>坚信许多宠主都喜爱在狗市买一只自身喜爱的小狗吧，可是在狗市怎样绕开“星期狗”.</p>
        </div>
        <div class="you1">
            <span>
                <a href="baikexq.html">
                <h1>怎样在狗市，绕开“星期狗”？教你几个方法</h1>
            </a>
            <p>坚信许多宠主都喜爱在狗市买一只自身喜爱的小狗吧，可是在狗市怎样绕开“星期狗”.</p>
           </span>
            <span>
                <a href="baikexq.html">
                <h1>怎样在狗市，绕开“星期狗”？教你几个方法</h1>
            </a>
            <p>坚信许多宠主都喜爱在狗市买一只自身喜爱的小狗吧，可是在狗市怎样绕开“星期狗”.</p>
           </span>
            <span>
                <a href="baikexq.html">
                <h1>怎样在狗市，绕开“星期狗”？教你几个方法</h1>
            </a>
            <p>坚信许多宠主都喜爱在狗市买一只自身喜爱的小狗吧，可是在狗市怎样绕开“星期狗”.</p>
           </span>
            <span>
                <a href="baikexq.html">
                <h1>怎样在狗市，绕开“星期狗”？教你几个方法</h1>
            </a>
            <p>坚信许多宠主都喜爱在狗市买一只自身喜爱的小狗吧，可是在狗市怎样绕开“星期狗”.</p>
           </span>
            <span>
                <a href="baikexq.html">
                <h1>怎样在狗市，绕开“星期狗”？教你几个方法</h1>
            </a>
            <p>坚信许多宠主都喜爱在狗市买一只自身喜爱的小狗吧，可是在狗市怎样绕开“星期狗”.</p>
           </span>
        </div>

    </div>

    <div class="ii">
        <div class="zhuti2">
            <ul>
                <li>
                    <div class="tit">
                        狗狗喂养
                    </div>
                    <div class="a">
                        <dd>
                            <a href="baikexq.html">幼犬喂养</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">狗狗掉毛</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">遛狗</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">狗粮</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">成犬喂养</a>
                        </dd>
                        <dd>
                            <i><a href="baikexq.html">更多 &gt; &gt;</a></i>
                        </dd>
                    </div>
                </li>
            </ul>
            <div class="bb">
                <div class="tit2">
                    初学者养宠物教学
                </div>
                <div class="cc">
                    <p>
                        针对初学者而言，养一只幼犬会遭遇许多 疑虑。例如饲喂、疫防、训导这些，每一......[详细]
                    </p>
                    <div class="im">
                        <a href="baikexq.html">
                            <img src="images/bk2.png" alt="" width="160" height="160">
                        </a>
                    </div>
                </div>

            </div>
            <div class="di">
                <ul>
                    <a href="baikexq.html">
                        <li>狗狗四肢无力站不起来是怎么回事？新手</li>
                    </a>
                    <a href="baikexq.html">
                        <li>幼犬如何喂养，喂养幼犬的5个技巧</li>
                    </a>
                    <a href="baikexq.html">
                        <li>如何喂养幼犬?正确喂养幼犬的方法一些</li>
                    </a>
                    <a href="baikexq.html">
                        <li>小狗能吃骨头吗?新手家长一定要注意的</li>
                    </a>
                </ul>
            </div>
        </div>

        <div class="zhuti2">
            <ul>
                <li>
                    <div class="tit">
                        狗狗喂养
                    </div>
                    <div class="a">
                        <dd>
                            <a href="baikexq.html">幼犬喂养</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">狗狗掉毛</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">遛狗</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">狗粮</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">成犬喂养</a>
                        </dd>
                        <dd>
                            <i><a href="baikexq.html">更多 &gt; &gt;</a></i>
                        </dd>
                    </div>
                </li>
            </ul>
            <div class="bb">
                <div class="tit2">
                    初学者养宠物教学
                </div>
                <div class="cc">
                    <p>
                        针对初学者而言，养一只幼犬会遭遇许多 疑虑。例如饲喂、疫防、训导这些，每一......[详细]
                    </p>
                    <div class="im">
                        <a href="baikexq.html">
                            <img src="images/bk2.png" alt="" width="160" height="160">
                        </a>
                    </div>
                </div>

            </div>
            <div class="di">
                <ul>
                    <a href="baikexq.html">
                        <li>狗狗四肢无力站不起来是怎么回事？新手</li>
                    </a>
                    <a href="baikexq.html">
                        <li>幼犬如何喂养，喂养幼犬的5个技巧</li>
                    </a>
                    <a href="baikexq.html">
                        <li>如何喂养幼犬?正确喂养幼犬的方法一些</li>
                    </a>
                    <a href="baikexq.html">
                        <li>小狗能吃骨头吗?新手家长一定要注意的</li>
                    </a>
                </ul>
            </div>
        </div>
        <div class="zhuti2">
            <ul>
                <li>
                    <div class="tit">
                        狗狗喂养
                    </div>
                    <div class="a">
                        <dd>
                            <a href="baikexq.html">幼犬喂养</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">狗狗掉毛</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">遛狗</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">狗粮</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">成犬喂养</a>
                        </dd>
                        <dd>
                            <i><a href="baikexq.html">更多 &gt; &gt;</a></i>
                        </dd>
                    </div>
                </li>
            </ul>
            <div class="bb">
                <div class="tit2">
                    初学者养宠物教学
                </div>
                <div class="cc">
                    <p>
                        针对初学者而言，养一只幼犬会遭遇许多 疑虑。例如饲喂、疫防、训导这些，每一......[详细]
                    </p>
                    <div class="im">
                        <a href="baikexq.html">
                            <img src="images/bk2.png" alt="" width="160" height="160">
                        </a>
                    </div>
                </div>

            </div>
            <div class="di">
                <ul>
                    <a href="baikexq.html">
                        <li>狗狗四肢无力站不起来是怎么回事？新手</li>
                    </a>
                    <a href="baikexq.html">
                        <li>幼犬如何喂养，喂养幼犬的5个技巧</li>
                    </a>
                    <a href="baikexq.html">
                        <li>如何喂养幼犬?正确喂养幼犬的方法一些</li>
                    </a>
                    <a href="baikexq.html">
                        <li>小狗能吃骨头吗?新手家长一定要注意的</li>
                    </a>
                </ul>
            </div>
        </div>
        <div class="zhuti2">
            <ul>
                <li>
                    <div class="tit">
                        狗狗喂养
                    </div>
                    <div class="a">
                        <dd>
                            <a href="baikexq.html">幼犬喂养</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">狗狗掉毛</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">遛狗</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">狗粮</a>
                        </dd>
                        <dd>
                            <a href="baikexq.html">成犬喂养</a>
                        </dd>
                        <dd>
                            <i><a href="baikexq.html">更多 &gt; &gt;</a></i>
                        </dd>
                    </div>
                </li>
            </ul>
            <div class="bb">
                <div class="tit2">
                    初学者养宠物教学
                </div>
                <div class="cc">
                    <p>
                        针对初学者而言，养一只幼犬会遭遇许多 疑虑。例如饲喂、疫防、训导这些，每一......[详细]
                    </p>
                    <div class="im">
                        <a href="baikexq.html">
                            <img src="images/bk2.png" alt="" width="160" height="160">
                        </a>
                    </div>
                </div>

            </div>
            <div class="di">
                <ul>
                    <a href="baikexq.html">
                        <li>狗狗四肢无力站不起来是怎么回事？新手</li>
                    </a>
                    <a href="baikexq.html">
                        <li>幼犬如何喂养，喂养幼犬的5个技巧</li>
                    </a>
                    <a href="baikexq.html">
                        <li>如何喂养幼犬?正确喂养幼犬的方法一些</li>
                    </a>
                    <a href="baikexq.html">
                        <li>小狗能吃骨头吗?新手家长一定要注意的</li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体 end-->
    <div class="back-to-top">
        <p>返回顶部</p>
    </div>


    <!--footer start-->
    <div class="index-footer">
        <div class="clearfix index-footer-info index-con">
            <div class="logo fl">
                <img src="images/logo4.png">
            </div>
            <div class="lianxi fl">
                <h2>联系方式</h2>
                <p>前台电话： 0546-985-211 </p>
                <p>汪汪电话：0546-985985-211211</p>
                <P>地址：湖北省武汉市汪汪区0214号5478946</P>
                <p>商务产业园01期01号楼东985室</p>
            </div>
            <div class="phone fl">
                400-985-211
            </div>
            <div class="erweima fr">
                <img src="images/erweima.png">
                <p>二维码</p>
            </div>
        </div>

        <div class="index-footer-bottom">
            <div class="index-con clearfix">
                <p class="fl">版权所有 © 2021-2022 汪汪爱狗有限公司 皖ICP备05496841号 公网安备65464654154165号</p>
                <a href="http://www.5imoban.net" target="_blank" class="fr">技术支持：html css js</a>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--footer end-->
    <script type="text/javascript " src="js/jquery.min.js "></script>
    <script type="text/javascript " src='js/modernizr.custom.js'></script>
    <script src="js/more.js "></script>
    <script src="js/swiper.min.js "></script>
    <script type="text/javascript " src="js/main.js "></script>
    <script type='text/javascript' src='js/base.js'></script>
    <script type="text/javascript " src='js/app.js'></script>
    <script>
        $(document).ready(function() {
            var $backToTop = $(".back-to-top");
            /* 隐藏回顶部按钮 */
            $backToTop.hide();

            $(window).on('scroll', function() {
                if ($(this).scrollTop() > 250) { /* 返回顶部按钮将在用户向下滚动100像素后出现 */
                    $backToTop.fadeIn();
                } else {
                    $backToTop.fadeOut();
                }
            });

            $backToTop.on('click', function(e) {
                $("html, body").animate({
                    scrollTop: 0
                }, 500);
            });
        })
    </script>
</body>

</html>